<!DOCTYPE html>
<html>
<head>
<title>谷歌地图调用</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
 <script src="http://google.cn/maps/api/js?v=3.exp&sensor=false"></script>
<style>
	html, body, #map-canvas {
		height: 500px;
		width:600px;
		margin: 0px;
		padding: 0px
	}
</style>
<script>
function initialize() {
  var myLatlng = new google.maps.LatLng(22.4727418,113.73969);//谷歌坐标地址
  var mapOptions = {
    zoom: 14,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
 
 
		var places = [];

            // Adding a LatLng object for each city

                places.push(new google.maps.LatLng(22.502869,113.425651));

                places.push(new google.maps.LatLng(22.508751, 113.3834150));

                places.push(new google.maps.LatLng(22.3917263,113.9778355));
				
				 places.push(new google.maps.LatLng(-33.876849,151.204826));
				 
				 
		for (var i = 0; i < places.length; i++) {

                    // Creating a new marker

                    var marker = new google.maps.Marker({

                        position: places[i],

                        map: map,

                        title: 'Place number ' + i

                    });

                }
 

}


 

</script>
  </head>
  <body onload="initialize()">
    <div id="map-canvas"></div>
  </body>
</html>
 